Scrapboxで禅モードZ (ZZen mote)
「愛などいらぬ！」ばりに本文以外の要素を隠す。
hoverしたらきちんと表示される。
※サンプル
https://gyazo.com/469fd5ae3880fbc8255597458f961eea
まどべさんの/scrasobox/禅モード (Zen mode)を参考に。なんとなくZを付与して、「次なる」感を出してみた。
code:script.js
scrapbox.PageMenu.addItem({
title: 'ZZen mode',
onClick: (e) => {
var bg = 'white' // ここにお好きな背景色を入れてね（テーマの背景が黒なら black で）
var style = document.getElementById('__zen__')
if (style) { style.remove(); e.currentTarget.innerText = 'ZZen mode'; return }
else e.currentTarget.innerText = String.fromCharCode(0x02713) + ' ZZen mode'
var css = body, .page { background-color:${bg} !important; background-image:none !important } +
'.navbar:not(:hover), .line .telomere:not(:hover), .col-page-side:not(:hover),.flex-box:not(:hover) { opacity:0 }'
style = document.createElement('style')
style.setAttribute('id', '__zen__')
style.appendChild(document.createTextNode(css))
document.head.appendChild(style)
}
})
#UserScript #Scrapbox